<template>
  <el-dialog
    top="30px"
    width="60%"
    append-to-body
    :close-on-click-modal="false"
    :before-close="beforeClose"
    :visible.sync="visible"
  >
    <el-tabs>
      <el-tab-pane label="展期信息">
        <period-view :form-data="formData"></period-view>
      </el-tab-pane>
      <el-tab-pane label="展期确认表">
        <confirm-pdf-view :contract-id="formData.doc_id"></confirm-pdf-view>
      </el-tab-pane>
    </el-tabs>
  </el-dialog>
</template>

<script>
import PeriodView from '@/bank/views/business/limit/history/postloan/components/PeriodView'
import ConfirmPdfView from '@/bank/views/limit/confirm/ConfirmPdfView'
export default {
  components: {
    PeriodView,
    ConfirmPdfView,
  },
  props: {
    visible: Boolean,
    formData: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>

<style lang="scss" scoped></style>
